<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>お申し込みの確認</title>
    <link rel="stylesheet" href="/css/A1A01WA01A02%20入会申込情報入力.css">
</head>
<body>
    <div class="header">
        <div>
            <a href="#">カードサイト</a>
            <a href="#">お手続き</a>
            <a href="#">お問い合わせ</a>
            <a href="#">会員ログイン</a>
        </div>
    </div>

    <div class="container">
        <div class="section">
            <h1 class="question-title">お申し込みの場合、必ずご確認ください</h1>
            <div class="question-text">
                <p>質問1　お申し込み対象について</p>
                <p>お申し込み対象は18歳から60歳までのカードです。</p>
                <p>対象ですか？</p>
            </div>
            <div class="button-group">
                <button class="btn btn-blue" id="yesBtn">はい</button>
                <button class="btn btn-blue" id="noBtn">いいえ</button>
            </div>
        </div>

        <!-- 下半部分初始隐藏 -->
        <div class="section hidden" id="lowerSection">
            <div class="question-text">
                <p>質問2　下をよくお読みのうえ、「同意のうえ、入力へ進む」ボタンを押してください。</p>
                <p>[<a href="#">会員規約・特約および規定類の場合あり</a>]　[<a href="#">個人情報の取り扱いに関する重要事項</a>]　[<a href="#">利用者規定</a>] およびPDFファイルの規約・規定類全文をすべて確認のうえ、同意します。</p>
                <p>会員規約における個人情報の取り扱いには、割賦販売法第35条の3の56および貸金業法第41条の35に基づく信用情報機関への個人情報提供等の取り扱いを含みます。</p>
                <p>貸金業法第16条の2第2項に基づく書面および第17条第1項に基づく書面の交付に代えて、電磁的方法により、当該書面に記載されるべき情報の提供を受けることに同意します。</p>
                <p>割賦販売法第30条の2の3第1項、第2項および第3項に基づく書面の交付に代えて、電磁的方法により当該書面に記載されるべき情報の提供を受けることに同意します。</p>
            </div>
            <div class="button-group">
                <button class="btn btn-red footer-button" id="nextBtn">同意のうえ、入力へ進む</button>
            </div>
        </div>
    </div>
    <!-- 居中显示版权信息 -->
     <div class="container">
        <p style="text-align: center;">Copyright © H · All Rights Reserved ·</p>
    </div>

    <script>
        // 点击“はい”按钮显示下半部分
        document.getElementById('yesBtn').addEventListener('click', function() {
            document.getElementById('lowerSection').classList.remove('hidden');
        });

        // 点击“同意のうえ、入力へ進む”按钮跳转到下一页
        document.getElementById('nextBtn').addEventListener('click', function() {
            window.location.href = '/apply/queren'; // 替换为实际的下一页URL
        });
    </script>
</body>
</html>
